import "./../sass/index.scss";
import "./../sass/reset.scss";
import $ from "jquery";

;
(function () {
    $.fn.extend({
        //透明轮播图
        animatePic() {
            var temp = 0;
            var flag = true;

            function autoPlay() {
                flag = false;
                $(".lunboPic li").eq(temp).animate({
                    opacity: 1
                }, function () {
                    flag = true;
                })
                $(".lunboPic li").eq(temp).siblings().animate({
                    opacity: 0
                }, function () {
                    flag = true;
                })
                $(".lunbo-dot").find("li").eq(temp).attr("class", "current")
                $(".lunbo-dot").find("li").eq(temp).siblings().attr("class", "")
                temp++;
                if (temp > 2) {
                    temp = 0;
                }
            }
            //调用自动轮播
            var timer = setInterval(autoPlay, 2000);
            //移入暂停
            $(this).on('mouseenter', function () {
                clearInterval(timer);
                $(".lunbo-arrow").show()
                //点击dot
                $(".lunbo-dot").find("li").on("click", function () {
                    temp = $(this).index();
                    autoPlay()
                })
                //右箭头
                $(".lunbo-right").on("click", function () {
                    clearInterval(timer)
                    temp++;
                    if (temp > 2) {
                        temp = 0;
                    }
                    if (flag) {
                        autoPlay()
                    }
                })
                //左箭头
                $(".lunbo-left").on("click", function () {
                    clearInterval(timer)
                    temp--;
                    if (temp < 0) {
                        temp = 0
                    }
                    if (flag) {
                        autoPlay()
                    }
                })

            }).on('mouseleave', function () {
                timer = setInterval(autoPlay, 3000)
                $(".lunbo-arrow").hide()
            })


        },
        //全部品牌 tab栏切换
        brandTab() {
            $(".show-brand-tab").find("a").on("click", function (e) {
                var index = $(this).index();
                $(this).attr("class", "currentTab").siblings().attr("class", "")
                $(".show-content-right>ul").eq(index).show().siblings().hide()
                return false;
            })
        },
        //小透明轮播图
        sAnimatePic() {
            var temp = 0;
            var flag = true;

            function autoPlay() {
                flag = false;
                $(".sLunbo li").eq(temp).animate({
                    opacity: 1
                }, function () {
                    flag = true;
                })
                $(".sLunbo  li").eq(temp).siblings().animate({
                    opacity: 0
                }, function () {
                    flag = true;
                })
                $(".sLunbo-dot").find("li").eq(temp).attr("class", "s-current")
                $(".sLunbo-dot").find("li").eq(temp).siblings().attr("class", "")
                temp++;
                if (temp > 1) {
                    temp = 0;
                }
            }
            //调用自动轮播
            var timer = setInterval(autoPlay, 2000);
            //移入暂停
            $(this).on('mouseenter', function () {
                clearInterval(timer);

                $(".sLunbo-arrow").show()
                //点击dot
                $(".sLunbo-dot").find("li").on("click", function () {
                    temp = $(this).index();
                    autoPlay()
                })
                //右箭头
                $("sLunbo-right").on("click", function () {
                    clearInterval(timer)
                    temp++;
                    if (temp > 1) {
                        temp = 0;
                    }
                    if (flag) {
                        autoPlay()
                    }
                })
                //左箭头
                $(".sLunbo-left").on("click", function () {
                    clearInterval(timer)
                    temp--;
                    if (temp < 0) {
                        temp = 0
                    }
                    if (flag) {
                        autoPlay()
                    }
                })

            }).on('mouseleave', function () {
                timer = setInterval(autoPlay, 3000)
                $(".sLunbo-arrow").hide()
            })
        },
        // scroll-right
        scrollRight() {
            $(window).on("load", function () {
                var leftPosotion = $(".show-brand").offset().left;
                $("#scroll-right").css("right", leftPosotion - 60)
                if (leftPosotion < 40) {
                    $("#scroll-right").css("right", 0)
                }
                var leftPosotion = $(".show-brand").offset().left;
                $("#scroll-left").css("left", leftPosotion - 60)
                if (leftPosotion < 40) {
                    $("#scroll-left").css("left", 0)
                }
            })
            $(document).on("scroll", function () {
                if ($(this).scrollTop() > $(".show-brand").offset().top - 100) {
                    $("#scroll-right").show()
                } else {
                    $("#scroll-right").hide()
                }
                //返回顶部
                $("#scroll-right li").eq(4).children("a").on("click", function () {
                    $("html,body").stop();
                    $("html,body").animate({
                        scrollTop: 0
                    }, 'slow');
                    return false;
                })
            })
            $(window).on("resize", function () {
                var leftPosotion = $(".show-brand").offset().left;
                $("#scroll-right").css("right", leftPosotion - 60)
                if (leftPosotion < 40) {
                    $("#scroll-right").css("right", 0)
                }
            })
        },
        // scroll-left
        scrollLeft() {
            $(document).on("scroll", function () {
                if ($(this).scrollTop() > $(".repeat").eq(0).offset().top - 90) {
                    var n = 0;
                    $("#scroll-left").show()
                    $("#scroll-left").find("li").eq(0).children("a").css("color", "red").end().siblings().children("a").css("color", "#ccc")
                    var moveTop = $(this).scrollTop() - $(".repeat").eq(0).offset().top;
                    n = parseInt(moveTop / 600);
                    $("#scroll-left").find("li").eq(n).children("a").css("color", "red").end().siblings().children("a").css("color", "#ccc")
                    if (n > 7) {
                        $("#scroll-left").find("li").children("a").css("color", "#ccc")
                    }
                    //点击之后 animate到对应位置n
                    $("#scroll-left").find("li").on("click",function () {
                        $("html,body").stop()
                        var index=$(this).index()
                        $("html,body").animate({scrollTop:(index*580+ $(".repeat").eq(0).offset().top)-80+index*100},500)
                        return false;
                    })
                } else {
                    $("#scroll-left").hide()
                }
                // if($(this).scrollTop() > $(".repeat").eq(0).offset().top-40)
            })
            $(window).on("resize", function () {
                var leftPosotion = $(".show-brand").offset().left;
                $("#scroll-left").css("left", leftPosotion - 60)
                if (leftPosotion < 40) {
                    $("#scroll-left").css("left", 0)
                }
            })
        },
    })

})();

$(function () {
    //轮播
    $(".lunbo-img").animatePic();
    //tab栏
    $(".show-brand").brandTab();
    //小轮播
    $(".show-content-left").sAnimatePic();
    //滚动条 右
    $("#scroll-right").scrollRight();
    //滚动条 左
    $("#scroll-left").scrollLeft();
})